<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='layui/layui.all.js'></script>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="res/push.js"></script>
<script type="text/javascript">
if(/Android|webOS|iPhone|iPod|iPad|Windows Phone|BlackBerry|Mobile/i.test(navigator.userAgent)) {var url = window.location.pathname+window.location.search;window.location.href = 'https://m.sq688.com'+url;}
</script>
<link rel="shortcut icon" type="image/ico" href="https://www.sq688.com/favicon.ico">
<meta name="applicable-device" content="pc">
<meta name="mobile-agent" content="format=html5;url=https://m.sq688.com/detail/3.html">
<link rel="alternate" media="only screen and(max-width: 800px)" href="https://m.sq688.com/detail/3.html">
<title>无损音乐下载_FLAC_WAV_APE_SQ688_超高无损音乐</title>
<meta name="keywords" content="周杰伦,无损音乐下载,WAV,FLAC,APE,SQ688,超高无损音乐">
<meta name="description" content="周杰伦（Jay Chou），
1979年1月18日出生在台湾省新北市，华语男歌手、词曲创作人、演员、制作人、导演、编剧、监制。2000年发行首张个人专辑《Jay》。2002年发行的专辑《范特西》奠定其融合中西方音乐的风格。2003年成为美国《时代周刊》的封面人物 。2004年获得世界音乐大奖中国最畅销艺人奖 。2005年凭借动作片《头文字D》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2006年起连续三年获得世界音乐大奖中国最畅销艺人奖。2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖；同年获得第18届金曲奖最佳单曲制作人奖 。">
<link rel="stylesheet" type="text/css" href="res/main.css">
<link rel="stylesheet" type="text/css" href="res/font-awesome.css">
</head>
<body>
	<div id="header" class="header">
		<div class="warp">
			<div class="logo">
				<h1>超高无损音乐</h1>
				<p>SQ688.com</p>
			</div>
			
			<div class="users">
				<a href="https://www.sq688.com/login"><i class="fa fa-sign-in"></i> 登录</a> / <a href="https://www.sq688.com/register"><i class="fa fa-registered"></i> 注册</a>
			</div>
			<div class="clear"></div>
		</div>
		
	</div>
	<div class="detail">
		<div class="swarp">
			<!--left-->
			<div class="slt">
				<div class="head" style="margin-top: 20px">
					<i class="leline"></i>最近更新
				</div>
				<ul class="songhot">
					<li v-for="s in listzjsl">
					<a :href="'detail2.html#'+s.singer">{{s.name}}
					<span>{{s.singer}}</span></a>
					</li>
					
				</ul>

				<div class="head" style="margin-top: 20px">
					<i class="leline"></i>最新收录歌手
				</div>
				<ul class="sigerlike">
					<li v-for="s in listzjgx">
					<a :href="'detail2.html#'+s.name">
					<img :src="'/C91-S2-XM'+s.head">
							<p>{{s.name}}</p>
						</a>
					</li>
					
				</ul>
				<div class="clear"></div>
			</div>

			<!--right-->
			<div class="srt">
				<div class="ww">
					<div id="details" class="avt">
						<img :src="'/C91-S2-XM'+list[0].head"  class="avt ">
						<div class="good">
							
							<a href="javascript:void(0);" title="喜欢">
							<i class="fa fa-heart"></i> 
							<span id="like">{{list[0].likes}}</span>
							</a> 
							
							<a title="歌曲" class="rt"><i class="fa fa-music"></i> {{list[0].total}}</a>
							<button @click="dz()" onclick="countClickedTimes()" type="button" class="layui-btn layui-btn-sm">{{totalzans}}
							<i class="layui-icon">&#xe6c6;</i>
							</button>
	
							<button @click="cai()" onclick="countClickedTimes()" type="button" class="layui-btn layui-btn-sm">{{totalcais}}
							<i class="layui-icon">&#xe6c5;</i>
							</button>
						</div>
					</div>
					<div class="det">
						<h2>{{list[0].name}}</h2>
						<p>
							<span>分类:{{list[0].category}}</span>
						</p>
						<p>
							<span>地区:{{list[0].nation}}</span>
						</p>
						<p>
							<span>出生:{{list[0].birthday}}</span>
						</p>
						<p>
							<span>简介:</span>
						</p>
						<p class="des">{{list[0].intro}}</p>
					</div>

					<div class="clear"></div>
				</div>

				<div class="song">
					<div class="head">
						<i class="leline"></i>{{list[0].name}} 无损歌曲列表 (陆续收集中)
					</div>
					<table class="songlist" border="0" cellpadding="0" cellspacing="0">
						<tbody>
							<tr>
								<th style="width: 40%; padding-left: 8px;">歌曲名称</th>
								<th>歌手</th>
								<th>类型</th>
								<th>大小</th>
								<th>热度</th>
								<th>收录</th>
								<th>操作</th>
							</tr>
							<tr v-for="s in listsong">
								<td style="padding-left: 8px;">
									<a :href=" 'download.html?name='+(s.singer)+'#'+s.name" 
									target="_blank" class="st">{{s.name}}</a>
								</td>
								<td>{{s.singer}}</td>
								<td>
									<span class="songstype">{{s.type}}</span>
								</td>
								<td>{{s.size}}</td>
								<td>{{s.heat}}</td>
								<td>{{s.intime}}</td>
								<td>
									<a :href=" 'download.html?name='+(s.singer)+'#'+s.name"
									 target="_blank" class="dw"><i class="fa fa-download"></i>下载</a>
								</td>
							</tr>	
						</tbody>
					</table>
					<input type="hidden" id="id" value="3">
				</div>



				<!--相关专辑-->

				
				

				
			
			</div>
		
		
		
		</div>
		
		
		<div class="clear"></div>
	</div>
	<script type="text/javascript">
	var v=new Vue({
		el:".detail",
		data:{
			list:[],
			listsong:[],
			listzjsl:[],
			listzjgx:[],
			listly:[],
			name:"",
			content:"",
			totalzan:[],
			totalcai:[],
			totalzans:0,
			totalcais:0,
			cntzan:0,
			cntcai:0,
		},
		created(){
			 var t = this;
		      document.onkeydown = function(e){
		        if(window.event == undefined){
		          var key = e.keyCode;
		        }else{
		          var key = window.event.keyCode;
		        }
		      //enter的ASCII码是13
		        if(key == 13){
		          t.ly();
		        }
		      }
			axios.get("detail.s?op=querydetail&name="+location.hash.substring(1))
			.then(res=>{
				this.list=res.data;
			});
			axios.get("detail.s?op=querysongs&name="+location.hash.substring(1))
			.then(res=>{
				this.listsong=res.data;
			});
			axios.get("detail.s?op=queryzjsl").then(res=>{
				this.listzjsl=res.data;
			});
			axios.get("detail.s?op=queryzjgx").then(res=>{
				this.listzjgx=res.data;
			});
			axios.get("detail.s?op=queryly").then(res=>{
				this.listly=res.data;
			});
			axios.get("zan.s?op=getzan&singername="+location.hash.substring(1)).then(res=>{
				if(res.data.length==0){
					this.totalzans=0;
					//this.totalzan[0].cnt=0
				}else{
					this.totalzan=res.data;
					this.totalzans=this.totalzan[0].cnt;
				}	
			});
			axios.get("cai.s?op=getzan&singername="+location.hash.substring(1)).then(res=>{
				if(res.data.length==0){
					this.totalcais=0;
					//this.totalzan[0].cnt=0
				}else{
					this.totalcai=res.data;
					this.totalcais=this.totalcai[0].cnt;
				}	
			});
			axios.get("zan.s?op=checkuser&singername="+location.hash.substring(1)).then(res=>{
				this.cntzan=res.data;
			});
			axios.get("cai.s?op=checkuser&singername="+location.hash.substring(1)).then(res=>{
				this.cntcai=res.data;
			});
			
		},
		methods:{
			ly(){
				var p=new URLSearchParams();
				p.append("name",this.name);
				p.append("content",this.content);
				axios.post("detail.s?op=addly",p).then(res=>{
					alert(res.data);
					location.href= 'detail2.html#'+location.hash.substring(1);
				});
			},
			dz(){
				var p=new URLSearchParams();
				p.append("name",this.list[0].name);
				axios.post("zan.s?op=addzan",p).then(res=>{
					//alert(res.data);
					if(res.data==="成功"){
						console.info(times);
						 if(this.cntzan==1){
							if(times%2==0){
								this.totalzans++;
							}else{
								this.totalzans--;
							}
						} else{
							if(times%2==0){
								this.totalzans--;
							}else{
								this.totalzans++;
							}
						}		 
					}else{
						alert(res.data);
						location.href="login.html";
					}
					
				});
			},
			
			cai(){
				var p=new URLSearchParams();
				p.append("name",this.list[0].name);
				axios.post("cai.s?op=addzan",p).then(res=>{
					//alert(res.data);
					if(res.data==="成功"){
						console.info(times);
						 if(this.cntcai==1){
							if(times%2==0){
								this.totalcais++;
							}else{
								this.totalcais--;
							}
						} else{
							if(times%2==0){
								this.totalcais--;
							}else{
								this.totalcais++;
							}
						}		 
					}else{
						alert(res.data);
						location.href="login.html";
					}
					
				});
			},
		}
		
	});
	
	
	</script>
	<div class="footer">
		<div class="warp">
			Copyright 2015-2018 SQ688.com 超高无损音乐<br>本站所有数据均系网友搜集自互联网后分享,本站服务器不存储任何音乐文件,也无意侵犯您的版权,如若任何人声称是任何音乐的版权所有人,请联系sqshangwu@gmail.com,本站会尽快删除,<br>郑重声明本站旨在无损音乐交流分享,不与任何淘宝店铺或机构合作参与任何形式的获利行为,敬请网友注意谨防受骗! <br> 桂ICP备13001859号-4
			<script type="text/javascript" src="res/z_stat.php"></script>
			<script src="res/core.php" charset="utf-8" type="text/javascript"></script>
			<a href="https://www.cnzz.com/stat/website.php?web_id=1277751974" target="_blank" title="站长统计">站长统计</a> <br> 本站唯一QQ群(892306409)欢迎各大音乐爱好者加入 <a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=40edf9935a8deb7a8eeb6e93853111156fb280203fb799c7d11471aea22304fb"> <img border="0" src="res/group.png" alt="超高无损音乐|SQ688" title="超高无损音乐|SQ688"></a>
		</div>
	</div>
	<!--页面脚本-->

</body>

<script type="text/javascript">
	var times = 0;//点击次数
	var preClickTime ;//上一次点击的时间（毫秒）
	var currentClickTime;//当前点击时间
	function countClickedTimes(){
	if(times === 0){
	preClickTime = new Date().getTime();//首次点击的时间
	times ++;
	return;
	}
	    currentClickTime = new Date().getTime();
	//alert(currentClickTime - preClickTime);
	if((currentClickTime - preClickTime) < 500) {//如果是1秒内重复点击
	alert("亲，您的点击速度过快...");
	preClickTime = currentClickTime;
	return;
	} 
	preClickTime = currentClickTime;
	times ++ ;

	}
</script>

</html>